<!DOCTYPE html>
<html>
<head>
<title>Hero Patches | Custom Patches, Custom Embroidered Patches</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<link rel="shortcut icon"
	href="images/favicon.png"
	type="image/x-icon" />
<link
	href="css/style.css"
	rel="stylesheet" media="screen">
<!--[if IE]>
    <!--<link type="text/css" rel="stylesheet" media="all" href="css/general.css">-->
<link type="text/css" rel="stylesheet" media="all"
	href="css/ie.css?A" />
<![endif]-->
<!--[if lte IE 6]>
    <link type="text/css" rel="stylesheet" media="all" href="css/ie6.css?A" />
    <![endif]-->
<link
	href='css/google-font.css'
	rel='stylesheet' type='text/css'>
<link
	href="css/prettyPhoto.css"
	rel="stylesheet" media="screen">
<link
	href="css/ouibounceModal.css"
	rel="stylesheet" media="screen">
<!--[if IE]>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <![endif]-->
<script src="js/1337170301.js"></script>
<!-- <script -->
<!-- 	src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> -->
<script
	src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script
	src="js/gtm.js"
	async=""></script>
<script
	src="js/analytics.js"
	async=""></script>
<script
	src="js/carouFredSel.js"
	async=""></script>
<script
	src="js/jquery.mousewheel.min.js"
	async=""></script>
<script
	src="js/jquery.touchSwipe.min.js"
	async=""></script>
<script
	src="js/plupload.full.min.js"
	async=""></script>
<script
	src="js/jquery.validate.min.js"
	async=""></script>
<script
	src="js/ouibounce.min.js"
	async=""></script>
<script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','js/analytics.js','ga');
        ga('create', 'UA-43699509-1', 'heropatches.com');
        ga('send', 'pageview');
    </script>




<link
	href="css/bootstrap.min.css"
	rel="stylesheet">
<link href="css/jquery-ui.css"
	rel="stylesheet">
	
<link
	href="css/font-awesome.min.css"
	rel="stylesheet">
<link
	href="css/custom-main.css"
	rel="stylesheet">
<link
	href="css/carousel.css"
	rel="stylesheet">
<link
	href="css/nivo-slider.css"
	rel="stylesheet">
<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans' -->
<!-- 	rel='stylesheet' type='text/css'> -->

<link rel="stylesheet"
	href="css/default.css"
	type="text/css" media="screen" />
<!--    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />-->
<!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
<!--    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>-->
<script
	src="js/bootstrap.min.js"></script>






<div class="div-height-zero">
	<img style="border-style: none;" alt=""
		src="images/out.gif"
		height="1" width="1"> <img style="border-style: none;" alt=""
		src="images/a.gif"
		height="1" width="1"> <img
		src="images/seg.gif"
		height="1" width="1">
</div>


<!-- This site is optimized with the Yoast WordPress SEO plugin v1.4.23 - http://yoast.com/wordpress/seo/ -->
<meta name="description"
	content="Welcome to Hero Patches, we are the leading patch company in the industry. No one can beat our prices or compete with our quality." />
<!-- <link rel="canonical" href="http://heropatches.com/" /> -->
<!-- <meta property="og:locale" content="en_US" /> -->
<!-- <meta property="og:type" content="article" /> -->
<!-- <meta property="og:title" -->
<!-- 	content="Hero Patches | Custom Patches, Custom Embroidered Patches" /> -->
<!-- <meta property="og:description" -->
<!-- 	content="Welcome to Hero Patches, we are the leading patch company in the industry. No one can beat our prices or compete with our quality." /> -->
<!-- <meta property="og:url" content="http://heropatches.com/" /> -->
<!-- <meta property="og:site_name" content="Hero Patches" /> -->
<!-- <meta property="article:published_time" -->
<!-- 	content="2014-07-28T15:04:06+00:00" /> -->
<!-- <meta property="article:modified_time" -->
<!-- 	content="2014-07-28T16:47:48+00:00" /> -->
<!-- / Yoast WordPress SEO plugin. -->

<!-- <link rel="alternate" type="application/rss+xml" -->
<!-- 	title="Hero Patches &raquo; Hero Patches-b Comments Feed" -->
<!-- 	href="http://heropatches.com/hero-patches-b/feed/" /> -->
<script type='text/javascript'>
/* <![CDATA[ */
// var ProductsPaginationCategories = {"ajaxurl":"http:\/\/heropatches.com\/wp-admin\/admin-ajax.php"};
// var ProductsPagination = {"ajaxurl":"http:\/\/heropatches.com\/wp-admin\/admin-ajax.php"};
// var LabelProductsPagination = {"ajaxurl":"http:\/\/heropatches.com\/wp-admin\/admin-ajax.php"};
// var CapsProductsPagination = {"ajaxurl":"http:\/\/heropatches.com\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript'
	src='js/scripts.js?ver=3.8'></script>
<!-- <link rel="EditURI" type="application/rsd+xml" title="RSD" -->
<!-- 	href="http://heropatches.com/xmlrpc.php?rsd" /> -->
<!-- <link rel="wlwmanifest" type="application/wlwmanifest+xml" -->
<!-- 	href="http://heropatches.com/wp-includes/wlwmanifest.xml" /> -->

<!-- <link rel='shortlink' href='http://heropatches.com/?p=1933' /> -->
<script type="text/javascript"
	src="js/yahoo-dom-event.js"></script>
<style type="text/css">
.recentcomments a {
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
}
</style>
</head>

<body class="lightbox-processed">



	<script type="text/javascript">
        var ffid=33333;
        $(document).ready(function() {
            $(".quote_outer input[type=file]").change(function(event) {
                event.preventDefault();
                $(this).after('<div id="'+ffid+'"><img src="images/images.jpg" alt=""/>&nbsp; Image Selected.</div>');});
        });

        $(function() {
            $( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' });
            $( "#datepicker" ).datepicker();
            $( "#Deadline" ).datepicker();
        });
    </script>

	<script type="text/javascript"
		src="js/jquery.nivo.slider.js"></script>
	<script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider();
            $('#slider2').nivoSlider();

            $('#carousel').carouFredSel({
                circular: true,         // Determines whether the carousel should be circular.
                infinite: true,         // Determines whether the carousel should be infinite. Note: It is possible to create a non-circular, infinite carousel, but it is not possible to create a circular, non-infinite carousel.
                responsive: true,      // Determines whether the carousel should be responsive. If true, the items will be resized to fill the carousel.
                direction: "left",      // The direction to scroll the carousel. Possible values: "right", "left", "up" or "down".
                width: null,            // The width of the carousel. Can be null (width will be calculated), a number, "variable" (automatically resize the carousel when scrolling items with variable widths), "auto" (measure the widest item) or a percentage like "100%" (only applies on horizontal carousels)
                height: null,           // The height of the carousel. Can be null (width will be calculated), a number, "variable" (automatically resize the carousel when scrolling items with variable heights), "auto" (measure the tallest item) or a percentage like "100%" (only applies on vertical carousels)
                align: "center",
                scroll : {
                    items           : 1
                },
                wraper : {
                    element     : "div",
                    classname   : "col-sm-8"
                }
            });
        });


    </script>

	<div id="wrapper">

		<!--    header heropatches-->
		<div class="well well-sm well-header-blue nopadding">
			<div class="container">
				<div class="row">
					<div class="contact-wrapper">

						<div class="col-sm-5 live-chat">
							<div class="rep">
								A representative is available now:

								<!-- This code must be installed within the body tags -->
								<script type="text/javascript">
                                var lhnAccountN = "15477-1";
                                var lhnButtonN = 6062;
                                var lhnChatPosition = 'default';
                                var lhnInviteEnabled = 1;
                                var lhnWindowN = 0;
                                var lhnDepartmentN = 0;
                            </script>
								<a href="#"
									target="_blank" style="font-size: 10px;" id="lhnHelp">Live
									Chat Software</a>
<!-- 								<script -->
<!-- 									src="js/lhnchatbutton-current.min.js" -->
<!-- 									type="text/javascript" id="lhnscript"></script> -->

							</div>
						</div>

						<div class="col-sm-6 phone-and-mail">
							<div class="col-sm-5 patches-phone">
								<span class="fa-stack fa-lg"> <i
									class="fa fa-certificate fa-stack-2x color-light-blue"></i> <i
									class="fa fa-phone fa-stack-1x"></i>
								</span> <a class="tel-number phone-num-size" href="tel:877.731.4711">877.731.4711</a>
								<!--<a class="tel-number visible-lg visible-md visible-sm hidden-xs" href="callto:1.877.731.3456">1.877.731.3456</a>-->
							</div>

							<div class="col-sm-6 patches-email">
								<span class="fa-stack fa-lg"> <i
									class="fa fa-certificate fa-stack-2x color-light-blue"></i> <i
									class="fa fa-envelope fa-stack-1x font-small"></i>
								</span> <a class="tel-number2" href="mailto:customer@heropatches.com">customer@heropatches.com</a>
							</div>

						</div>

					</div>
				</div>
			</div>
		</div>

		<div class="jumbotron-form jumbotron-form-shadow">
			<div class="container">
				<div class="fleft col-sm-3-no-padding">
					<a href="/"><img
						src="images/logo.png"
						alt="HeroPatches" class="navbar-brand logo-heropatches"></a>
				</div>
				<button class="navbar-toggle" data-toggle="collapse"
					data-target=".navHeaderCollapse">
					<i class="fa fa-bars"></i>
				</button>
				<div class="fleft col-sm-9-no-padding">

					<div
						class="collapse aaa navbar-collapse navHeaderCollapse meniu-nav">
						<ul class="nav navbar-nav navbar-left" id="header-menu">
							<li id="menu-item-122"
								class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-122"><a>CATEGORY</a>
								<ul class="sub-menu">
									<li id="menu-item-123"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-123"><a
										href="http://heropatches.com/airsoft-patches/">Airsoft
											Patches</a></li>
									<li id="menu-item-124"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124"><a
										href="http://heropatches.com/biker-patches/">Biker patches</a></li>
									<li id="menu-item-125"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-125"><a
										href="http://heropatches.com/college-patches/">College
											Patches</a></li>
									<li id="menu-item-126"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-126"><a
										href="http://heropatches.com/fire-and-ems-patches/">FireFighter
											Patches</a></li>
									<li id="menu-item-127"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-127"><a
										href="http://heropatches.com/girl-scout-patches/">Girl
											Scout Patches</a></li>
									<li id="menu-item-128"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128"><a
										href="http://heropatches.com/logo-patches/">Logo Patches</a></li>
									<li id="menu-item-129"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a
										href="http://heropatches.com/martial-arts-patches/">Martial
											Arts Patches</a></li>
									<li id="menu-item-130"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-130"><a
										href="http://heropatches.com/military-patches/">Military
											Patches</a></li>
									<li id="menu-item-132"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-132"><a
										href="http://heropatches.com/outdoor-patches/">Outdoor
											Patches</a></li>
									<li id="menu-item-133"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-133"><a
										href="http://heropatches.com/paintball-patches-gallery/">Paintball
											Patches</a></li>
									<li id="menu-item-134"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a
										href="http://heropatches.com/police-patches/">Police
											Patches</a></li>
									<li id="menu-item-135"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135"><a
										href="http://heropatches.com/security-patches/">Security
											Patches</a></li>
									<li id="menu-item-136"
										class="menu-item menu-item-type-post_type menu-item-object-page menu-item-136"><a
										href="http://heropatches.com/soccer-patches/">Soccer
											Patches</a></li>
								</ul></li>
							<li id="menu-item-13"
								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a
								href="about.html">ABOUT</a></li>
							<li id="menu-item-164"
								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-164"><a
								href="http://heropatches.com/special-options/">Special
									Options</a></li>
							<li id="menu-item-246"
								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-246"><a
								href="blog.html">Blog</a></li>
							<li id="menu-item-181"
								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-181"><a
								href="http://heropatches.com/gallery-of-patches/">Gallery of
									Patches</a></li>
							<li id="menu-item-195"
								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-195"><a
								href="http://heropatches.com/faq/">FAQ</a></li>
							<li id="menu-item-228"
								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-228"><a
								href="http://heropatches.com/pricing-50-embroidery-coverage/">Pricing</a></li>
							<li id="menu-item-269"
								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-269"><a
								href="http://heropatches.com/how-it-works/">How It Works</a></li>

						</ul>

					</div>
				</div>
				<div id="slideDownForm" class="fright col-sm-9-no-padding">
					<img
						src="images/free-quote.png"
						alt="FreeQuote" class="navbar-brand logo-freequote">
				</div>
			</div>
		</div>


		<div style="clear: both;"></div>
		<div id="heropatches-landing-page">
			<div class="top_container langing-page-top-container">

				<div class="mobile-600 hidden-lg hidden-md hidden-sm visible-xs">
					<div class="container">
						<div class="col-sm-12">

							<div class="col-sm-12 blueform-mobile-small">
								<div class="height-15"></div>
								<div class="get-free-quote">GET A FREE QUOTE NOW!</div>
								<form role="form" method="POST" id="contact-form"
									class="mobile-small-new-form" enctype="multipart/form-data">
									<div class="col-sm-12">
										<div class="form-group">
											<label for="edit-title-1">Name:</label><input type="text"
												id="m-Name" name="form[Name]" placeholder="Name"
												class="form-text form-control" />
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="edit-title-1">Phone:</label><input type="text"
												id="m-Phone" name="form[Phone]" placeholder="Phone"
												class="form-text form-control" />
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="edit-title-1">Email:</label><input type="text"
												id="m-Email" name="form[Email]" placeholder="Email"
												class="form-text form-control" />
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="Quantity">Quantity:</label><select id="Quantity"
												name="variations[Quantity]]" class="form-text form-control"><option
													value="30">10</option>
												<option value="31">20</option>
												<option value="32">50</option>
												<option value="33">100</option>
												<option value="34">200</option>
												<option value="35">300</option>
												<option value="36">500</option>
												<option value="37">1000</option>
												<option value="38">2000</option>
												<option value="39">3000</option>
												<option value="40">4000</option>
												<option value="41">5000</option>
												<option value="42">7500</option>
												<option value="43">10000</option></select>
										</div>
									</div>
									<input type="hidden" id="m-Deadline" name="form[Deadline]"
										placeholder="Deadline" class="form-text form-control" /><input
										type="hidden" value="1" name="Product" />
									<div class="col-sm-6">
										<div class="form-group">
											<label for="edit-title-1">AlternativeEmail</label><input
												type="text" id="m-AlternativeEmail"
												name="form[AlternativeEmail]" placeholder="AlternativeEmail"
												class="form-text form-control" />
										</div>
									</div>
									<script type="text/javascript">
                                $('#m-AlternativeEmail').parent().parent().addClass('TopTd');
                            </script>
									<div class="clearfix"></div>
									<div class="col-md-12">
										<div class="clearfix"></div>
										<div class="center-submit">
											<input name="button"
												class="btn btn-warning submit-blue-form btn-lg btn-block"
												id="button" value="Give me your best price"
												onclick="return check_valid1();" type="submit">
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>

				<div id="wrapper2">
					<div class="slider-wrapper theme-default">
						<div class="visible-lg visible-md visible-sm hidden-xs">
							<div class="container landing-page-background-container">
								<div class="landing-headder-text">
									<h2>Professional Quality Patches</h2>
									<p>Patches Made Using The Best Materials Brought To At The
										Best Prices.</p>
								</div>
								<div class="landing-headder-middle-text">
									<p>&middot;Free In House Dedicated Designer</p>
									<p>&middot;Fast Free Shipping</p>
									<p>&middot;Rush Service Available</p>
									<p>&middot;Low Minimum Orders</p>
									<p>&middot;Bulk Pricing Available</p>
									<p>&middot;1 Million + Customers Served</p>
									<p>&middot;Order Tracking</p>
								</div>
								<div id="slider-form">
									<div class="landing-form-text">
										<h3>Get Started Today</h3>
									</div>
									<div class="blueform new-improved-blueform">
										<form role="form" method="POST" id="contact-form"
											class="new-improved-home-form" enctype="multipart/form-data">
											<div class="col-sm-12">
												<div class="form-group">
													<label for="edit-title-1">Name: *</label><input type="text"
														id="Name" name="form[Name]" placeholder="Name"
														class="form-text form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<div class="form-group">
													<label for="edit-title-1">Phone:</label><input type="text"
														id="Phone" name="form[Phone]" placeholder="Phone"
														class="form-text form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<div class="form-group">
													<label for="edit-title-1">Email: *</label><input
														type="text" id="Email" name="form[Email]"
														placeholder="Email" class="form-text form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<div class="form-group">
													<label for="Size">Size:</label><select id="Size"
														name="variations[Size]]" class="form-text form-control"><option
															value="1">2 inches</option>
														<option value="2">2.5 inches</option>
														<option value="3">3 inches</option>
														<option value="4">3.5 inches</option>
														<option value="5">4 inches</option>
														<option value="6">4.5 inches</option>
														<option value="7">5 inches</option>
														<option value="8">5.5 inches</option>
														<option value="9">6 inches</option>
														<option value="10">6.5 inches</option>
														<option value="11">7 inches</option>
														<option value="12">7.5 inches</option>
														<option value="13">8 inches</option>
														<option value="14">8.5 inches</option>
														<option value="15">9 inches</option>
														<option value="16">9.5 inches</option>
														<option value="17">10 inches</option>
														<option value="18">10.5 inches</option>
														<option value="19">11 inches</option>
														<option value="20">11.5 inches</option>
														<option value="21">12 inches</option></select>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="form-group">
													<label for="PercentageofEmbroidery">% Embroidery:</label><select
														id="PercentageofEmbroidery"
														name="variations[PercentageofEmbroidery]]"
														class="form-text form-control"><option value="27">50%</option>
														<option value="28">75%</option>
														<option value="29">100%</option></select>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="form-group">
													<label for="Quantity">Quantity:</label><select
														id="Quantity" name="variations[Quantity]]"
														class="form-text form-control"><option value="30">10</option>
														<option value="31">20</option>
														<option value="32">50</option>
														<option value="33">100</option>
														<option value="34">200</option>
														<option value="35">300</option>
														<option value="36">500</option>
														<option value="37">1000</option>
														<option value="38">2000</option>
														<option value="39">3000</option>
														<option value="40">4000</option>
														<option value="41">5000</option>
														<option value="42">7500</option>
														<option value="43">10000</option></select>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="form-group">
													<label for="edit-title-1">Date needed: </label><input
														type="text" id="Deadline" name="form[Deadline]"
														placeholder="Deadline" class="form-text form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<div class="form-group">
													<div id="edit-field-fq-image-0-1-ahah-wrapper">
														<div class="form-item"
															id="edit-field-fq-image-0-1-upload-wrapper">
															<label for="File">Image Upload:</label>
															<div class="filefield-upload clear-block">
																<input style="width: 68%" type="file"
																	class="form-file wmds-form-file" id="File" name="File" />
															</div>
														</div>
													</div>
												</div>
											</div>
											<input type="hidden" value="1" name="Product" />
											<div class="col-sm-6">
												<div class="form-group">
													<label for="edit-title-1">AlternativeEmail</label><input
														type="text" id="AlternativeEmail"
														name="form[AlternativeEmail]"
														placeholder="AlternativeEmail"
														class="form-text form-control" />
												</div>
											</div>
											<div class="col-sm-6">
												<div class="form-group">
													<label for="Notes">Notes: </label>
													<textarea cols="60" rows="1" id="Notes" name="form[Notes]"
														placeholder="Notes"
														class="form-textarea  resizable form-control"></textarea>
												</div>
											</div>
											<script type="text/javascript">
                                        $('#AlternativeEmail').parent().parent().addClass('TopTd');
                                    </script>
											<div class="clearfix"></div>
											<div class="col-md-12">
												<div class="clearfix"></div>
												<div class="center-submit">
													<input name="button"
														class="btn btn-warning submit-blue-form btn-lg btn-block"
														id="button" value="Give me your best price"
														onclick="return check_valid1();" type="submit">
												</div>
											</div>
										</form>
									</div>

									<div class="blueform-absolute-tip"></div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
			<div class="landing-headder-footer hidden-xs"></div>

			<div class="div">
				<div
					class="container fam-patches visible-lg visible-md visible-sm visible-xs">
					<div class="col-sm-12">
						<div class="satisfied-customers">Satisfied customers</div>
					</div>
					<div class="col-sm-12 famous-patch-block">


						<div class="famous-patch">
							<img class="img-responsive" alt=""
								src="images/bw3s.png">
						</div>

						<div class="famous-patch">
							<img class="img-responsive" alt=""
								src="images/nfl.png">
						</div>

						<div class="famous-patch">
							<img class="img-responsive" alt=""
								src="images/ebay.png">
						</div>

						<div class="famous-patch">
							<img class="img-responsive" alt=""
								src="images/toyota.png">
						</div>

						<div class="famous-patch">
							<img class="img-responsive" alt=""
								src="images/petco.png">
						</div>

						<div class="famous-patch">
							<img class="img-responsive" alt=""
								src="images/volkswagen1.jpg">
						</div>
					</div>

				</div>
			</div>
		</div>
		<div class="jumbotron jumbotron-blue bebas-neue">
			<div class="container">
				<div class="col-sm-4">
					<div>
						<a class="middle-text" href="#"><i class="fa fa-star"></i>
							QUICK TURNAROUND TIME</a>
					</div>
					<div>
						<a class="middle-text" href="#"><i class="fa fa-star"></i> 2-4
							DAYS RUSH AVAILABLE</a>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="text-center">
						<a class="middle-text" href="#"><i class="fa fa-star"></i>
							FREE SHIPPING</a>
					</div>
					<div class="text-center">
						<a class="middle-text" href="#"><i class="fa fa-star"></i>
							LOWEST PRICE GUARANTEED </a>
					</div>
				</div>
				<div class="col-sm-4">
					<div>
						<a class="middle-text" href="#"><i class="fa fa-star"></i>
							FREE SETUP &#38; DESIGN</a>
					</div>
					<div>
						<a class="middle-text" href="#"><i class="fa fa-star"></i>
							FREE UNLIMITED EDITS</a>
					</div>
				</div>
			</div>
		</div>

		<div class="jumbotron-avigirl">
			<img
				src="images/pilot.jpg"
				class="img-responsive">
		</div>

		<!--<div class="jumbotron jumbotron-form">
        <div class="container">
            <div class="col-sm-12">
                <div class="welcome-to"><h1>Custom Patches Customized For You By</h1></div>
                <div class="hero-patches">volkswagen</div>
                <div class="welcome-to_line"><img src="images/line.jpg" /></div>
            </div>
            <div class="col-sm-12">
                            </div>
        </div>
    </div>-->

		<div
			class="jumbotron jumbotron-red visible-lg visible-md visible-sm hidden-xs">
			<div class="col-sm-12 stelute">
				<div class="sample-pricing">SAMPLE PRICING</div>
				<div class="stars-conainter">

					<div class="stars">
						<i class="fa fa-star fleft"></i> <i class="fa fa-star fright"></i>
					</div>
				</div>

			</div>

			<div class="patch-pieces">3X3" PATCH | 50 PIECES</div>
		</div>

		<div
			class="jumbotron jumbotron-form-vs  visible-lg visible-md visible-sm hidden-xs">
			<div class="container">
				<div class="col-sm-12">
					<div class="col-sm-5">
						<div class="competitor">Competitor A -------------- $2.55</div>
						<div class="competitor">Competitor B -------------- $2.58</div>
					</div>
					<div class="col-sm-2">
						<img
							src="images/vs.png"
							alt="vs" class="vs">

					</div>
					<div class="col-sm-5">
						<div>
							<img
								src="images/logo.png"
								alt="HeroPatches" class="navbar-brand fleft logo-heropatches">
							<div class="competitor dotted-line fleft">--------</div>
							<div class="red-price fleft">$2.47!</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div
			class="jumbotron jumbotron-blue-nobody  visible-lg visible-md visible-sm hidden-xs">
			<div class="container">
				<div class="nobody-can-beat">NOBODY CAN BEAT OUR PRICE!</div>
			</div>
		</div>

		<div class="jumbotron-army visible-lg visible-md visible-sm hidden-xs">
			<img
				src="images/soldier.jpg"
				class="img-responsive">
		</div>

		<div class="div">
			<div class="container visible-lg visible-md visible-sm hidden-xs">
				<div class="col-sm-12">
					<div class="col-sm-2">
						<div class="quote text-right">
							<img
								src="images/quote-up.png">
						</div>
					</div>
					<div class="col-sm-8">
						<div id="carousel" class="">

							<div class="nive-item">
								<div class="col-sm-3 carousel-item">
									<img
										src="images/custom-patch.jpg"
										title="" class="brotherhood" />

								</div>
								<div class="col-sm-9 carousel-item">
									<div class="testimonials">TESTIMONIALS</div>
									<div class="text-infos-testimonials">
										<div>I&#8217;m a bit late in thanking you for the great
											job that was done on my order of custom patches. I&#8217;m
											also emailing you to request a quote for the same design but
											this time just 200 patches. I&#8217;ll be looking forward to
											hearing back from you soon.</div>
										<div class="clearfloat"></div>
									</div>
									<div class="text-infos-testimonials">
										&#8212;Scott
										<div class="clearfloat"></div>
									</div>
								</div>
								<div class="clearfloat"></div>
							</div>

							<div class="nive-item">
								<div class="col-sm-3 carousel-item">
									<img
										src="images/embroidered-patch.jpg"
										title="" class="brotherhood" />

								</div>
								<div class="col-sm-9 carousel-item">
									<div class="testimonials">TESTIMONIALS</div>
									<div class="text-infos-testimonials">
										<div>I hope you are doing well.  We are looking forward
											to receiving our first order through Hero Patches, and
											I&#8217;m sure it will be outstanding. I wanted to know if
											it&#8217;s possible to get similar pricing from Hero Patches
											as with the last custom patch order we had where your company
											beat Custom Patches&#8217; quote.  We know another  company
											can offer competitive pricing, but we are extremely impressed
											with your company and its value placed on customer service.</div>
										<div></div>
										<div class="clearfloat"></div>
									</div>
									<div class="text-infos-testimonials">
										&#8212;Stacey Kawamoto
										<div class="clearfloat"></div>
									</div>
								</div>
								<div class="clearfloat"></div>
							</div>

							<div class="nive-item">
								<div class="col-sm-3 carousel-item">
									<img
										src="images/custom-embroidered-patches.jpg"
										title="" class="brotherhood" />

								</div>
								<div class="col-sm-9 carousel-item">
									<div class="testimonials">TESTIMONIALS</div>
									<div class="text-infos-testimonials">
										<div>Hello, Hero Patches is an amazing company. I thank
											you and all who were involved in getting my classic car
											patches made and shipped to me before Christmas. I was
											floored when I received the shipment and the custom patches
											were just outstanding. I will be dealing with Hero Patches in
											the future for sure.</div>
										<div class="clearfloat"></div>
									</div>
									<div class="text-infos-testimonials">
										&#8212;Robin Smith
										<div class="clearfloat"></div>
									</div>
								</div>
								<div class="clearfloat"></div>
							</div>

						</div>


					</div>
					<div class="col-sm-2">
						<div class="quote text-left">
							<img
								src="images/quote-down.png">
						</div>
					</div>

				</div>
				<div class="clearfloat"></div>

			</div>



			<div class="jumbotron-biker">
				<img
					src="images/biker.jpg"
					class="img-responsive">
			</div>



			<!--引入底部-->
			<#include "footer.html">

			<!-- Ouibounce Modal -->
			<div id="ouibounce-modal">
				<div class="underlay"></div>
				<div class="modalOui mod_four">
					<div class="mod_close">
						<a href="#" onclick="javascript:void(0);"><img
							src="images/xbl.png"
							alt="Close" /> </a>
					</div>

					<div class="mod_title4">
						<h1>
							GET<br /> EXCLUSIVE<br /> DISCOUNTS!
						</h1>
					</div>

					<div class="modal-body pop4">
						<form action="/" accept-charset="UTF-8" method="post"
							id="popup-form" enctype="multipart/form-data">
							<input type="hidden" class="hidden-input" value="Customer"
								name="form[Name]" /><input type="text" class="mod-mail-input2"
								name="form[Email]" placeholder="Enter your email address *"><input
								type="hidden" class="hidden-input" value="1" name="Product" /><input
								maxlength="255" name="form[AlternativeEmail]"
								id="p-AlternativeEmail" size="60" placeholder=""
								class="form-text" type="text">
							<script type="text/javascript">
                    $('#p-AlternativeEmail').addClass('TopTd');
                </script>
							<p class="form-notice2">You will receive an additional</p>
							<p class="form-notice21">10% DISCOUNT</p>
							<input type="hidden" name="bouncePop" class="hidden-input"
								value="1">
							<button type="submit" class="mod_button_sign2">sign me
								in</button>
						</form>
					</div>
				</div>
			</div>


			<input name="pnf" value="" type="hidden">
		</div>
	</div>
	<div id="lightbox2-overlay" style="display: none;"></div>
	<div id="lightbox" style="display: none;" class="lightbox2-orig-layout">
		<div
			style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"
			id="outerImageContainer">
			<div id="modalContainer" style="display: none; padding: 10px;"></div>
			<div id="frameContainer" style="display: none; padding: 10px;"></div>
			<div id="imageContainer" style="display: none; padding: 10px;">
				<img id="lightboxImage" alt="">
				<div id="hoverNav">
					<a style="padding-top: 10px;" id="prevLink" title="Previous"
						href="#"></a> <a style="padding-top: 10px;" id="nextLink"
						title="Next" href="#"></a>
				</div>
			</div>
			<div id="loading">
				<a href="#" id="loadingLink"></a>
			</div>
		</div>
		<div
			style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"
			id="imageDataContainer" class="clearfix">
			<div id="imageData">
				<div id="imageDetails">
					<span id="caption"></span> <span id="numberDisplay"></span>
				</div>
				<div id="bottomNav">
					<div id="frameHoverNav">
						<a style="padding-top: 10px;" id="framePrevLink" title="Previous"
							href="#"></a><a style="padding-top: 10px;" id="frameNextLink"
							title="Next" href="#"></a>
					</div>
					<a
						style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"
						id="bottomNavClose" title="Close" href="#"></a><a
						id="bottomNavZoom" href="#"></a><a id="bottomNavZoomOut" href="#"></a><a
						id="lightshowPause" title="Pause Slideshow" href="#"
						style="display: none;"></a><a id="lightshowPlay"
						title="Play Slideshow" href="#" style="display: none;"></a>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript"
		src="js/conversion.js">
</script>
	<noscript>
		<div style="display: inline;">
<!-- 			<img height="1" width="1" style="border-style: none;" alt="" -->
<!-- 				src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/995351243/?value=1.000000&amp;label=OWqVCN21jwUQy7XP2gM&amp;guid=ON&amp;script=0" /> -->
		</div>
	</noscript>

	<script
		src="js/jquery.prettyPhoto.js"></script>

	<!--form validation-->
	<script type="text/javascript">

</script>
	<!--END form validation-->
	<!-- Used to fire the modal -->
	<script>
        (function () {
            $('.mod_button_sign2').on('click',function(e){
                e.preventDefault();
                var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
                if($(".mod-mail-input2").val() == '')
                {
                    alert('Please Enter Your Email');
                }else if (!expr.test($('.mod-mail-input2').val())) {
                    alert("Invalid email address.");
                    $('.mod-mail-input2').select();
                }else{
                    $('#ouibounce-modal').hide();
                    $('#popup-form').submit();
                }

            });
        }());

        $('body').on('click', function() {
            $('#ouibounce-modal').hide();
        });

        $('#ouibounce-modal .mod_close').on('click', function() {
            $('#ouibounce-modal').hide();
        });

        $('#ouibounce-modal .modalOui').on('click', function(e) {
            e.stopPropagation();
        });
    </script>




</body>
</html>

